
// 生成基础margin

//	四周  上      右     下      左     上下     左右
// .m    .mt    .mr    .mb    .ml    .mtb    .mlr
// .m-sm .mt-sm .mr-sm .mb-sm .ml-sm .mtb-sm .mlr-sm
// .m-lg .mt-lg .mr-lg .mb-lg .ml-lg .mtb-lg .mlr-lg
@each $key, $value in ("", $uni-margin-base) (-sm, $uni-margin-sm) (-lg, $uni-margin-lg) {
    @each $val1, $val2 in 
    (t, $value 0 0 0)
    (r, 0 $value 0 0)
    (b, 0 0 $value 0)
    (l, 0 0 0 $value) 
    (tb, $value 0 ) 
    (lr, 0 $value) 
    {
        .m#{$val1}#{$key} {
            margin: #{$val2};
        }
    }
}

// 生成基础margin

//	四周  上      右     下      左     上下     左右
// .p    .pt    .pr    .pb    .pl    .ptb    .plr
// .p-sp .pt-sp .pr-sp .pb-sp .pl-sp .ptb-sp .plr-sp
// .p-lg .pt-lg .pr-lg .pb-lg .pl-lg .ptb-lg .plr-lg
@each $key, $value in ("", $uni-padding-base) (-sm, $uni-padding-sm) (-lg, $uni-padding-lg) {
    @each $val1, $val2 in 
    (t, $value 0 0 0)
    (r, 0 $value 0 0)
    (b, 0 0 $value 0)
    (l, 0 0 0 $value) 
    (tb, $value 0 ) 
    (lr, 0 $value) 
    {
        .p#{$val1}#{$key} {
            padding: #{$val2};
        }
    }
}

@for $var from 0 to 500 {
    .m#{$var} {
        margin: $var + rpx;
    }
    .mt#{$var} {
        margin-top: $var + rpx;
    }
    .mr#{$var} {
        margin-right: $var + rpx;
    }
    .mb#{$var} {
        margin-bottom: $var + rpx;
    }
    .ml#{$var} {
        margin-left: $var + rpx;
    }
	.mlr#{$var} {
        margin-left: $var + rpx;
		margin-right: $var + rpx;
    }
	.mtb#{$var} {
        margin-top: $var + rpx;
		margin-bottom: $var + rpx;
    }
	
    .p#{$var} {
        padding: $var + rpx;
    }
    .pt#{$var} {
        padding-top: $var + rpx;
    }
    .pr#{$var} {
        padding-right: $var + rpx;
    }
    .pb#{$var} {
        padding-bottom: $var + rpx;
    }
    .pl#{$var} {
        padding-left: $var + rpx;
    }
	.ptb#{$var} {
        padding-top: $var + rpx;
		padding-bottom: $var + rpx;
    }
	.plr#{$var} {
        padding-left: $var + rpx;
		padding-right: $var + rpx;
    }
}